<template>
    <div class="g-tabbar">
        <router-link class="g-tabbar-item" to="/home">
            <i class="iconfont iconshouye"></i>
            <span>首页</span>
        </router-link>
        <router-link class="g-tabbar-item" to="/category">
            <i class="iconfont iconfenlei"></i>
            <span>分类</span>
        </router-link>
        <router-link class="g-tabbar-item" to="/cart">
            <i class="iconfont icongouwu"></i>
            <span>购物车</span>
        </router-link>
        <router-link class="g-tabbar-item" to="/personal">
            <i class="iconfont iconyisheng"></i>
            <!-- <i class="iconfont el-icon-user"></i> -->
            <span>个人</span>
        </router-link>
    </div>
</template>
<script>
export default {
    name: "vTabbar"
}
</script>
<style lang="scss" scoped>
@import "../../assets/sass/_mixins.scss";
    .router-link-active {
        color: red
    }
    .iconfont{
        margin-bottom: -3px;
    }
</style>